:root{
  --t-1: 0.25rem;
  --t-2: 0.5rem;
  --t-3: 0.75rem;
  --t-4: 1rem;
  --t-8: 2rem;
  --t-9: 9px;
  --t-10: 4rem;
  --t-11: 11px;
  --t-12: 8rem;
  --t-13: 13px;
  --t-16: 16px;
  --t-19: 19px;
  --t-23: 23px;
  --t-28: 28px;
  --t-33: 33px;
  --t-40: 40px;
  --t-48: 48px;
  --app-background: #c8e3ff;
  --on-surface: #5b6882;
  --on-surface-muted: #3c465a;
  --default: Inter, sans-serif;
  --title-sm-fontFamily: var(--default);
  --title-sm-fontWeight: var(--medium);
  --title-sm-fontSize: var(--t-13);
  --title-sm-lineHeight: Auto;
  --title-sm-letterSpacing: 0%;
  --title-sm-font: var(--medium) var(--t-13)/Auto var(--default);
  --accent: #6d82ff;
  --accent-background: #f3f5ff;
  --accent-muted: rgba(91, 104, 130, 0.45);
  --white: #ffffff;
  --regular: 400;
  --medium: 500;
  --semibold: 550;
  --bold: 600;
  --muted: 0.6;
  --disabled: 0.33;
  --t-12-6: 12.6px;
  --semimedium: 420;
  --loosen: 0.0125em;
  --tight: -0.0125em;
  --tab-title-fontFamily: var(--default);
  --tab-title-fontWeight: var(--semimedium);
  --tab-title-fontSize: var(--t-12-6);
  --tab-title-lineHeight: normal;
  --tab-title-letterSpacing: var(--loosen);
  --tab-title-font: var(--semimedium) var(--t-12-6)/normal var(--default);
  --on-app-background: #0c0729;
  --white-60: rgba(255, 255, 255, 0.6);
  --white-40: rgba(255, 255, 255, 0.4);
  --on-surface-accent: #330988;
  --app-background-light: #fefeff;
  --on-surface-heavy: ##374151;
  --black: #000000;
  --app-background-dark: #14171f;
  --on-app-background-dark: #e5edff;
  --on-surface-dark: #cbd5f5;
  --on-surface-muted-dark: #94a3b8;
  --surface-elevated: #fdfdfd;
  --surface-elevated-dark: #1b2435;
  --accent-dark: #8192ff;
  --accent-background-dark: #1e2639;
  --accent-muted-dark: rgba(129, 146, 255, 0.45);
  --on-surface-accent-dark: #c7d2ff;
  --text-primary: #333333;
  --text-primary-dark: #e2e8f0;
  --text-secondary: #666666;
  --text-secondary-dark: #cbd5f5;
  --text-subtle: #6b7280;
  --text-subtle-dark: #94a3b8;
  --overlay-light: rgba(0, 0, 0, 0.04);
  --overlay-light-dark: rgba(148, 163, 184, 0.18);
  --overlay-medium: rgba(0, 0, 0, 0.1);
  --overlay-medium-dark: rgba(15, 23, 42, 0.45);
  --overlay-strong: rgba(0, 0, 0, 0.25);
  --overlay-strong-dark: rgba(15, 23, 42, 0.6);
  --overlay-modal: rgba(0, 0, 0, 0.5);
  --overlay-modal-dark: rgba(15, 23, 42, 0.7);
  --border-subtle: rgba(0, 0, 0, 0.1);
  --border-subtle-dark: rgba(71, 85, 105, 0.4);
  --shadow-soft: rgba(0, 0, 0, 0.1);
  --shadow-soft-dark: rgba(15, 23, 42, 0.45);
  --brand-primary: #3b82f6;
  --brand-primary-dark: #60a5fa;
  --brand-secondary: #1d8aff;
  --brand-secondary-dark: #60a5fa;
  --brand-link: #1995f5;
  --brand-link-dark: #93c5fd;
  --brand-info: #4a76d5;
  --brand-info-dark: #8ea8ff;
  --success: #28a745;
  --success-dark: #4ade80;
  --danger: #dc2626;
  --danger-dark: #f87171;
  --warning: #f59e0b;
  --warning-dark: #fbbf24;
  --tab-active-gradient-top: rgba(237, 246, 255, 0.96);
  --tab-active-gradient-bottom: rgba(246, 251, 255, 0.93);
  --tab-active-gradient-top-dark: rgba(40, 53, 73, 0.92);
  --tab-active-gradient-bottom-dark: rgba(27, 36, 56, 0.88);
  --tab-shadow-inset-accent: rgba(119, 189, 255, 0.15);
  --tab-shadow-inset-accent-dark: rgba(129, 146, 255, 0.22);
  --tab-shadow-surface: rgba(62, 71, 80, 0.02);
  --tab-shadow-surface-dark: rgba(16, 21, 33, 0.28);
  --tab-shadow-surface-soft: rgba(62, 71, 80, 0.01);
  --tab-shadow-surface-soft-dark: rgba(16, 21, 33, 0.18);
  --tab-shadow-black: rgba(0, 0, 0, 0.01);
  --tab-shadow-black-dark: rgba(15, 23, 42, 0.12);
  --tab-shadow-black-strong: rgba(0, 0, 0, 0.05);
  --tab-shadow-black-strong-dark: rgba(15, 23, 42, 0.28);
  --tab-shadow-black-heavy: rgba(0, 0, 0, 0.09);
  --tab-shadow-black-heavy-dark: rgba(15, 23, 42, 0.4);
  --tab-hover-overlay: rgba(255, 255, 255, 0.6);
  --tab-hover-overlay-dark: rgba(35, 45, 65, 0.45);
  --tab-active-gradient-top-p3: color(display-p3 0.9365 0.9644 0.9997 / 0.96);
  --tab-active-gradient-bottom-p3: color(display-p3 0.9686 0.9843 1 / 0.93);
  --tab-shadow-inset-accent-p3: color(display-p3 0.5294 0.7333 0.9961 / 0.15);
  --tab-shadow-highlight-p3: color(display-p3 1 1 1);
  --tab-shadow-base-p3-0: color(display-p3 0.251 0.2784 0.3098 / 0);
  --tab-shadow-base-p3-1: color(display-p3 0.251 0.2784 0.3098 / 0.01);
  --tab-shadow-base-p3-2: color(display-p3 0.251 0.2784 0.3098 / 0.02);
  --tab-shadow-black-p3-0: color(display-p3 0 0 0 / 0);
  --tab-shadow-black-p3-1: color(display-p3 0 0 0 / 0.01);
  --tab-shadow-black-p3-2: color(display-p3 0 0 0 / 0.05);
  --tab-shadow-black-p3-3: color(display-p3 0 0 0 / 0.09);
  --tab-shadow-base: #3e4750;
  --tab-shadow-base-dark: #111827;
}

/* Typography classes */
.typo-title-sm{font-family:var(--title-sm-fontFamily);font-weight:var(--title-sm-fontWeight);font-size:var(--title-sm-fontSize);line-height:var(--title-sm-lineHeight);letter-spacing:var(--title-sm-letterSpacing);}
.typo-tab-title{font-family:var(--tab-title-fontFamily);font-weight:var(--tab-title-fontWeight);font-size:var(--tab-title-fontSize);line-height:var(--tab-title-lineHeight);letter-spacing:var(--tab-title-letterSpacing);}
